<%@ page isELIgnored="false" %>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width" />
    <meta name="author" content="www.yanshisan.cn" />
    <meta name="robots" content="all" />
    <title>文章</title>
    <link rel="stylesheet" href="/static/font-awesome/css/font-awesome.min.css">
    <link rel="stylesheet" href="/static/layui/css/layui.css" />
    <link rel="stylesheet" href="/static/css/master.css" />
    <link rel="stylesheet" href="/static/css/gloable.css" />
    <link rel="stylesheet" href="/static/css/nprogress.css" />
    <link rel="stylesheet" href="/static/css/blog.css" />
</head>
<body>
    <div class="header">
    </div>
    <header class="gird-header">
        <div class="header-fixed">
            <div class="header-inner">
                <a href="javascript:void(0)" class="header-logo" id="logo">Mr.Yss</a>
                <nav class="nav" id="nav">
                    <ul>
                        <li><a href="/index">首页</a></li>
                        <li><a href="/page/list">博客</a></li>
                        <li><a href="/page/message">留言</a></li>
                        <li><a href="link.html">友链</a></li>
                    </ul>
                </nav>
                <a href="/User/QQLogin" class="blog-user">
                    <i class="fa fa-qq"></i>
                </a>
                <a class="phone-menu">
                    <i></i>
                    <i></i>
                    <i></i>
                </a>
            </div>
        </div>
    </header>
    <div class="doc-container" id="doc-container">
        <div class="container-fixed">
		    <div class="col-content">
		        <div class="inner">
		            <article class="article-list bloglist" id="LAY_bloglist" >

		            </article>
		        </div>
		    </div>
		    <div class="col-other">
		        <div class="inner">
					<div class="other-item" id="categoryandsearch">
			    		<div class="search">
					        <label class="search-wrap">
					            <input type="text" id="searchId" placeholder="输入关键字搜索" />
					            <span class="search-icon">
					                <i class="fa fa-search" onclick="search()"></i><%--搜索--%>
					            </span>
					        </label>
			        		<ul class="search-result"></ul>
			    		</div>
			    		<ul class="category mt20" id="category">
				        	<li data-index="0" class="slider"></li>
				        	<li data-index="1"><a href="javascript:void(0)" onclick="selectSearch(null,null)">全部文章</a></li>
				            <li data-index="2"><a href="javascript:void(0)" onclick="selectSearch('1',null)">Java</a></li>
				            <li data-index="3"><a href="javascript:void(0)" onclick="selectSearch('2',null)">UI</a></li>
				            <li data-index="4"><a href="javascript:void(0)" onclick="selectSearch('3',null)">H5</a></li>
				            <li data-index="5"><a href="javascript:void(0)" onclick="selectSearch('4',null)">Python</a></li>
				            <li data-index="6"><a href="javascript:void(0)" onclick="selectSearch('5',null)">C</a></li>
				            <li data-index="7"><a href="/Blog/Article/5/">其它</a></li>
			    		</ul>
					</div>
					<!--右边悬浮 平板或手机设备显示-->
					<div class="category-toggle"><i class="layui-icon">&#xe603;</i></div>
					<div class="article-category">
					    <div class="article-category-title">分类导航</div>
								<a href="javascript:void(0)" onclick="selectSearch('1',null)">Java</a>
								<a href="javascript:void(0)" onclick="selectSearch('2',null)">UI</a>
								<a href="javascript:void(0)" onclick="selectSearch('3',null)">H5</a>
								<a href="javascript:void(0)" onclick="selectSearch('4',null)">Python</a>
								<a href="javascript:void(0)" onclick="selectSearch('5',null)">C</a>
					            <a href="/Blog/Article/5/">其它</a>
					    <div class="f-cb"></div>
					</div>
					<!--遮罩-->
					<div class="blog-mask animated layui-hide"></div>
					<div class="other-item">
					    <h5 class="other-item-title">热门文章</h5>
					    <div class="inner">
					        <ul class="hot-list-article">
					                <li> <a href="/Blog/Read/9">2018最新版QQ音乐api调用</a></li>
					                <li> <a href="/Blog/Read/12">模板分享</a></li>
					                <li> <a href="/Blog/Read/13">逆水寒</a></li>
					                <li> <a href="/Blog/Read/4">序章</a></li>
					                <li> <a href="/Blog/Read/7">解决百度分享插件不支持https</a></li>
					                <li> <a href="/Blog/Read/11">使用码云和VS托管本地代码</a></li>
					                <li> <a href="/Blog/Read/14">MUI框架-快速开发APP</a></li>
					                <li> <a href="/Blog/Read/8">NPOI导入导出Excel</a></li>
					        </ul>
					    </div>
					</div>
					<div class="other-item">
					    <h5 class="other-item-title">置顶推荐</h5>
					    <div class="inner">
					        <ul class="hot-list-article">
					                <li> <a href="/Blog/Read/16">.NET Spire.Doc组件</a></li>
					                <li> <a href="/Blog/Read/14">MUI框架-快速开发APP</a></li>
					                <li> <a href="/Blog/Read/9">2018最新版QQ音乐api调用</a></li>
					        </ul>
					    </div>
					</div>
					<div class="other-item">
					    <h5 class="other-item-title">最近访客</h5>
					    <div class="inner">
					        <dl class="vistor">
					                <dd><a href="javasript:;"><img src="https://thirdqq.qlogo.cn/qqapp/101465933/72388EA977643E8F97111222675720B1/100"><cite>Anonymous</cite></a></dd>
					                <dd><a href="javasript:;"><img src="https://thirdqq.qlogo.cn/qqapp/101465933/342F777E313DDF5CCD6E3E707BB0770B/100"><cite>Dekstra</cite></a></dd>
					                <dd><a href="javasript:;"><img src="https://thirdqq.qlogo.cn/qqapp/101465933/EA5D00A72C0C43ECD8FC481BD274DEEC/100"><cite>惜i</cite></a></dd>
					                <dd><a href="javasript:;"><img src="https://thirdqq.qlogo.cn/qqapp/101465933/EF18CEC98150D2442183AA30F05AAD7B/100"><cite>↙Aㄨ计划 ◆莪↘</cite></a></dd>
					                <dd><a href="javasript:;"><img src="https://thirdqq.qlogo.cn/qqapp/101465933/3D8D91AD2BAFD36F5AC494DA51E270E6/100"><cite>.</cite></a></dd>
					                <dd><a href="javasript:;"><img src="https://thirdqq.qlogo.cn/qqapp/101465933/B745A110DAB712A0E6C5D0B633E905D3/100"><cite>Lambert.</cite></a></dd>
					                <dd><a href="javasript:;"><img src="https://thirdqq.qlogo.cn/qqapp/101465933/E9BA3A2499EC068B7917B9EF45C4D13C/100"><cite>64ღ</cite></a></dd>
					                <dd><a href="javasript:;"><img src="https://thirdqq.qlogo.cn/qqapp/101465933/09F92966169272DD7DD9999E709A0204/100"><cite>doBoor</cite></a></dd>
					                <dd><a href="javasript:;"><img src="https://thirdqq.qlogo.cn/qqapp/101465933/59991D53192643A1A651383847332EB6/100"><cite>毛毛小妖</cite></a></dd>
					                <dd><a href="javasript:;"><img src="https://thirdqq.qlogo.cn/qqapp/101465933/FF34F311DDC43E2AF63BE897BCA24F05/100"><cite>NULL</cite></a></dd>
					                <dd><a href="javasript:;"><img src="https://thirdqq.qlogo.cn/qqapp/101465933/59AA25A7627284AE62C8E6EBDC6FE417/100"><cite>吓一跳</cite></a></dd>
					                <dd><a href="javasript:;"><img src="https://thirdqq.qlogo.cn/qqapp/101465933/28B021E0F5AF0A4B9B781A24329FE897/100"><cite>如初</cite></a></dd>
					        </dl>
					    </div>
					</div>
		        </div>
		    </div>
		</div>
    </div>
    <footer class="grid-footer">
        <div class="footer-fixed">
            <div class="copyright">
                <div class="info">
                    <div class="contact">
                        <a href="javascript:void(0)" class="github" target="_blank"><i class="fa fa-github"></i></a>
                        <a href="https://wpa.qq.com/msgrd?v=3&uin=930054439&site=qq&menu=yes" class="qq" target="_blank" title="930054439"><i class="fa fa-qq"></i></a>
                        <a href="https://mail.qq.com/cgi-bin/qm_share?t=qm_mailme&email=gbiysbG0tbWyuMHw8K-i7uw" class="email" target="_blank" title="930054439@qq.com"><i class="fa fa-envelope"></i></a>
                        <a href="javascript:void(0)" class="weixin"><i class="fa fa-weixin"></i></a>
                    </div>
                    <p class="mt05">
                        Copyright &copy; 2024-2018 燕十三 All Rights Reserved <a href="Http://www.bootstrapmb.com">bootstrapMB</a> V.1.0.0 蜀ICP备18008600号
                    </p>
                </div>
            </div>
        </div>
    </footer>
    <script src="/static/jquery-2.1.4.js"></script>
    <script src="/static/layui/layui.js"></script>
    <script src="/static/js/yss/gloable.js"></script>
    <script src="/static/js/plugins/nprogress.js"></script>
    <script>NProgress.start();</script>
 	<script src="/static/js/yss/article.js"></script>

    <script> 
        window.onload = function () {
            NProgress.done();

			selectSearch(null,null);
        };

		function search() {
			var name = $('#searchId').val();
			selectSearch(null,name);
		}

		function selectSearch(typeId,name) {

			$.post(
				'/blog?method=selectSearch',
				{'typeId':typeId,'name':name},
				function (result) {
					if (result.code == 0){
						//清空追加
						$('#LAY_bloglist').empty();
						$(result.data).each(function (){
							var html = '';
							html+='<section class="article-item zoomIn article">'
							html+='	<div class="fc-flag">置顶</div>'
							html+='	<h5 class="title">'
							html+='		<span class="fc-blue">【原创】</span>'
							html+='		<a href="read.html">'+this.name+'</a>'
							html+='	</h5>'
							html+='	<div class="time">'
							html+='		<span class="day">'+this.createTime.substring(8,10)+'</span>'
							html+='		<span class="month fs-18">'+this.createTime.substring(5,7)+'<span class="fs-14">月</span></span>'
							html+='		<span class="year fs-18 ml10">'+this.createTime.substring(0,4)+'</span>'
							html+='	</div>'
							html+='	<div class="content" style="height: 180px;overflow: hidden;">'
							html+='		<a href="/page/detail?id='+this.id+'" class="cover img-light">'
							html+='			<img src="/pic/'+this.image+'">'
							html+='		</a>'
							html+='		'+this.content+''
							html+='	</div>'
							html+='	<div class="read-more">'
							html+='		<a href="read.html" class="fc-black f-fwb">继续阅读</a>'
							html+='	</div>'
							html+='	<aside class="f-oh footer">'
							html+='		<div class="f-fl tags">'
							html+='			<span class="fa fa-tags fs-16"></span>'
							html+='			<a class="tag">'+this.typeId+'</a>'
							html+='		</div>'
							html+='		<div class="f-fr">'
							html+='		<span class="read">'
							html+='			<i class="fa fa-eye fs-16"></i>'
							html+='			<i class="num">'+this.clickCount+'</i>'
							html+='		</span>'
							html+='			<span class="ml20">'
							html+='			<i class="fa fa-comments fs-16"></i>'
							html+='			<a href="javascript:void(0)" class="num fc-grey">1</a>'
							html+='		</span>'
							html+='		</div>'
							html+='	</aside>'
							html+='</section>'
							//把查询到的信息，附加在后边
							$('#LAY_bloglist').append(html);
						})
					}
				},
				'json'
			);
		}

    </script>
</body>
</html>
